<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
              <button *ngIf="_.includes(menuResourceSet,'btn-entry-export')" type="button" class="btn btn-primary" (click)="exportExcel()">
                <i class="fa fa-sign-out"></i>导出Excel</button>
              <button class="btn btn-box-tool pull-right" type="button" data-widget="collapse">
                <i class="fa fa-minus"></i>
              </button>
            </div>
            <div class="box-body">
              <div class="form-group col-lg-12" style="margin-bottom:10px !important;padding-left:0px !important;">

                <label>产品名称:</label>
                <input class="form-control" [(ngModel)]="getQueryPost.sFullName" name="sFullName" placeholder="产品名称">
                <label>托管人:</label>
                <select class="form-control" id="entrysBankSelected" [(ngModel)]="getQueryPost.sBank" name="sTrustee">
                  <option [value]="''" selected="selected">全部</option>
                  <option [value]="item.sItemKey" *ngFor="let item of distionary.TRUSTEE">{{item.sItemValue}}</option>
                </select>
                <!-- <input class="form-control" [(ngModel)]="getQueryPost.sBank" name="sBank" placeholder="托管人"> -->
                <label>产品类型:</label>
                <select class="form-control" [(ngModel)]="getQueryPost.sFundType" name="sFundType">
                  <option [value]="''" selected="selected">全部</option>
                  <option [value]="item.sItemKey" *ngFor="let item of sFundType">{{item.sItemValue}}</option>
                </select>
                <button type="button" class="btn btn-primary" (click)="getQueryList(1)">
                  <i class="fa fa-search"></i>查询</button>
              </div>
              <div class="form-group col-lg-12" style="padding-left:0px !important;">

                <label>产品代码:</label>
                <input class="form-control" [(ngModel)]="getQueryPost.sFundCode" name="sFundCode" placeholder="产品代码">
                <!-- <label>内容:</label>
                <input class="form-control" [(ngModel)]="getQueryPost.sContent" name="sContent" placeholder="内容"> -->
                <label>受托人:</label>
                <select class="form-control" id="entrysTrusteeSelected" [(ngModel)]="getQueryPost.sTrustee" name="sTrustee">
                  <option [value]="''" selected="selected">全部</option>
                  <option [value]="item.sItemKey" *ngFor="let item of distionary.LINK_PRINCIPAL_NO">{{item.sItemValue}}</option>
                </select>
                <label>选择模板:</label>
                <select class="form-control" [(ngModel)]="getQueryPost.itemTemplateType" name="getQueryPost.itemTemplateType">
                  <option value="1">核算条目模板-基本管理费</option>
                  <option value="2">核算条目模板-业绩报酬</option>
                  <option value="3">核算条目模板-其他费用</option>
                </select>
              </div>
            </div>
          </div>
        </form>

        <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <div style="overflow-x:scroll;width:100%">
            <table id="fixed-table" class="table table-bordered table-hover table-keep-line table-striped">
              <thead>
                <tr>
                  <th class="width-4">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" [(ngModel)]="isCheckedAll" (ngModelChange)="queryCheckedAll()">
                      <label>
                  </label>
                    </div>
                  </th>
                  <th class="width-10" (click)="orderData('sFundCode')" *ngIf="getQueryPost.itemTemplateType=='1'">产品代码<i class="fa fa-sort"></i></th>
                  <th class="width-15" (click)="orderData('sFullName')" *ngIf="getQueryPost.itemTemplateType=='1'">产品名称<i class="fa fa-sort"></i></th>
                  <th class="width-11" (click)="orderData('sFundTypeName')" *ngIf="getQueryPost.itemTemplateType=='1'">产品类型<i class="fa fa-sort"></i></th>
                  <th class="width-12" (click)="orderData('sAccRate')" *ngIf="getQueryPost.itemTemplateType=='1'">计提费率<i class="fa fa-sort"></i></th>
                  <th class="width-12" (click)="orderData('sPayFreBasic')" *ngIf="getQueryPost.itemTemplateType=='1'">支付频率<i class="fa fa-sort"></i></th>
                  <th class="width-12" (click)="orderData('sAccCon')" *ngIf="getQueryPost.itemTemplateType=='1'">计提条件<i class="fa fa-sort"></i></th>
                  <th class="width-12" (click)="orderData('sPayConBasic')" *ngIf="getQueryPost.itemTemplateType=='1'">支付条件<i class="fa fa-sort"></i></th>
                  <th class="width-12" (click)="orderData('sPayProBasic')" *ngIf="getQueryPost.itemTemplateType=='1'">支付流程<i class="fa fa-sort"></i></th>

                  <th class="width-10" (click)="orderData('sFundCode')" *ngIf="getQueryPost.itemTemplateType=='2'">产品代码<i class="fa fa-sort"></i></th>
                  <th class="width-12" (click)="orderData('sFullName')" *ngIf="getQueryPost.itemTemplateType=='2'">产品名称<i class="fa fa-sort"></i></th>
                  <th class="width-10" (click)="orderData('sFundTypeName')" *ngIf="getQueryPost.itemTemplateType=='2'">产品类型<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sAch')" *ngIf="getQueryPost.itemTemplateType=='2'">业绩基准<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sAccPro')" *ngIf="getQueryPost.itemTemplateType=='2'">计提比例<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sAccLimit')" *ngIf="getQueryPost.itemTemplateType=='2'">计提上限<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sAccFormula')" *ngIf="getQueryPost.itemTemplateType=='2'">计提公式<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sAccFre')" *ngIf="getQueryPost.itemTemplateType=='2'">计提频率<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sPayFre')" *ngIf="getQueryPost.itemTemplateType=='2'">支付频率<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sPayCon')" *ngIf="getQueryPost.itemTemplateType=='2'">支付条件<i class="fa fa-sort"></i></th>
                  <th class="width-8" (click)="orderData('sPayPro')" *ngIf="getQueryPost.itemTemplateType=='2'">支付流程<i class="fa fa-sort"></i></th>

                  <th class="width-15" (click)="orderData('sFundCode')" *ngIf="getQueryPost.itemTemplateType=='3'">产品代码<i class="fa fa-sort"></i></th>
                  <th class="width-22" (click)="orderData('sFullName')" *ngIf="getQueryPost.itemTemplateType=='3'">产品名称<i class="fa fa-sort"></i></th>
                  <th class="width-15" (click)="orderData('sFundTypeName')" *ngIf="getQueryPost.itemTemplateType=='3'">产品类型<i class="fa fa-sort"></i></th>
                  <th class="width-22" (click)="orderData('sCommFeeinfo')" *ngIf="getQueryPost.itemTemplateType=='3'">受托费相关信息<i class="fa fa-sort"></i></th>
                  <th class="width-22" (click)="orderData('sTrusteeFeeinfo')" *ngIf="getQueryPost.itemTemplateType=='3'">托管费相关信息<i class="fa fa-sort"></i></th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of queryList">
                  <td class="width-4">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlQueryCheckAll()">
                      <label>
                  </label>
                    </div>
                  </td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-10 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-15 short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-11 short_name" [attr.title]="item.sFundTypeName">{{item.sFundTypeName}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-12 short_name" [attr.title]="item.sAccRate">{{item.sAccRate}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-12 short_name" [attr.title]="item.sPayFreBasic">{{item.sPayFreBasic}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-12 short_name" [attr.title]="item.sAccCon">{{item.sAccCon}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-12 short_name" [attr.title]="item.sPayConBasic">{{item.sPayConBasic}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='1'" class="width-12 short_name" [attr.title]="item.sPayProBasic">{{item.sPayProBasic}}</td>

                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-10 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-12 short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-10 short_name" [attr.title]="item.sFundTypeName">{{item.sFundTypeName}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sAch">{{item.sAch}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sAccPro">{{item.sAccPro}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sAccLimit">{{item.sAccLimit}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sAccFormula">{{item.sAccFormula}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sAccFre">{{item.sAccFre}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sPayFre">{{item.sPayFre}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sPayCon">{{item.sPayCon}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='2'" class="width-8 short_name" [attr.title]="item.sPayPro">{{item.sPayPro}}</td>

                  <td *ngIf="getQueryPost.itemTemplateType=='3'" class="width-15 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='3'" class="width-22 short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='3'" class="width-15 short_name" [attr.title]="item.sFundTypeName">{{item.sFundTypeName}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='3'" class="width-22short_name" [attr.title]="item.sCommFeeinfo">{{item.sCommFeeinfo}}</td>
                  <td *ngIf="getQueryPost.itemTemplateType=='3'" class="width-22short_name" [attr.title]="item.sTrusteeFeeinfo">{{item.sTrusteeFeeinfo}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="box-footer clearfix">
          <app-pagination [currentPageNum]="queryPageInfo.currentPageNum" [pagesShow]="" [totalPages]="queryPageInfo.totalPages" (pageChanged)="queryPageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                当前显示第{{queryPageInfo.startRow}}到第{{queryPageInfo.endRow}}条，总共{{queryPageInfo.total}}条，
              </span>
              <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{queryPageInfo.pageSize}}</span>
              <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of queryPageInfo.pageList" role="menuitem" [class.active]="queryPageInfo.pageSize===i" (click)="querypageSizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
              </span>条
              </span>
            </div>
          </app-pagination>
        </div>
      </div>
    </div>
  </div>
</div>